html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Make html5 elements display: block; */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0.1
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* grid.css */
.container {width:985px;margin:0 auto;}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30, .span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40, .span-41, .span-42, .span-43, .span-44, .span-45 {float:left;margin-right:5px;}
.last {margin-right:0;}
.span-1 {width:17px;}
.span-2 {width:39px;}
.span-3 {width:61px;}
.span-4 {width:83px;}
.span-5 {width:105px;}
.span-6 {width:127px;}
.span-7 {width:149px;}
.span-8 {width:171px;}
.span-9 {width:193px;}
.span-10 {width:215px;}
.span-11 {width:237px;}
.span-12 {width:259px;}
.span-13 {width:281px;}
.span-14 {width:303px;}
.span-15 {width:325px;}
.span-16 {width:347px;}
.span-17 {width:369px;}
.span-18 {width:391px;}
.span-19 {width:413px;}
.span-20 {width:435px;}
.span-21 {width:457px;}
.span-22 {width:479px;}
.span-23 {width:501px;}
.span-24 {width:523px;}
.span-25 {width:545px;}
.span-26 {width:567px;}
.span-27 {width:589px;}
.span-28 {width:611px;}
.span-29 {width:633px;}
.span-30 {width:655px;}
.span-31 {width:677px;}
.span-32 {width:699px;}
.span-33 {width:721px;}
.span-34 {width:743px;}
.span-35 {width:765px;}
.span-36 {width:787px;}
.span-37 {width:809px;}
.span-38 {width:831px;}
.span-39 {width:853px;}
.span-40 {width:875px;}
.span-41 {width:897px;}
.span-42 {width:919px;}
.span-43 {width:941px;}
.span-44 {width:963px;}
.span-45 {width:985px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, input.span-25, textarea.span-25, input.span-26, textarea.span-26, input.span-27, textarea.span-27, input.span-28, textarea.span-28, input.span-29, textarea.span-29, input.span-30, textarea.span-30, input.span-31, textarea.span-31, input.span-32, textarea.span-32, input.span-33, textarea.span-33, input.span-34, textarea.span-34, input.span-35, textarea.span-35, input.span-36, textarea.span-36, input.span-37, textarea.span-37, input.span-38, textarea.span-38, input.span-39, textarea.span-39, input.span-40, textarea.span-40, input.span-41, textarea.span-41, input.span-42, textarea.span-42, input.span-43, textarea.span-43, input.span-44, textarea.span-44, input.span-45, textarea.span-45 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:5px;}
input.span-2, textarea.span-2 {width:27px;}
input.span-3, textarea.span-3 {width:49px;}
input.span-4, textarea.span-4 {width:71px;}
input.span-5, textarea.span-5 {width:93px;}
input.span-6, textarea.span-6 {width:115px;}
input.span-7, textarea.span-7 {width:137px;}
input.span-8, textarea.span-8 {width:159px;}
input.span-9, textarea.span-9 {width:181px;}
input.span-10, textarea.span-10 {width:203px;}
input.span-11, textarea.span-11 {width:225px;}
input.span-12, textarea.span-12 {width:247px;}
input.span-13, textarea.span-13 {width:269px;}
input.span-14, textarea.span-14 {width:291px;}
input.span-15, textarea.span-15 {width:313px;}
input.span-16, textarea.span-16 {width:335px;}
input.span-17, textarea.span-17 {width:357px;}
input.span-18, textarea.span-18 {width:379px;}
input.span-19, textarea.span-19 {width:401px;}
input.span-20, textarea.span-20 {width:423px;}
input.span-21, textarea.span-21 {width:445px;}
input.span-22, textarea.span-22 {width:467px;}
input.span-23, textarea.span-23 {width:489px;}
input.span-24, textarea.span-24 {width:511px;}
input.span-25, textarea.span-25 {width:533px;}
input.span-26, textarea.span-26 {width:555px;}
input.span-27, textarea.span-27 {width:577px;}
input.span-28, textarea.span-28 {width:599px;}
input.span-29, textarea.span-29 {width:621px;}
input.span-30, textarea.span-30 {width:643px;}
input.span-31, textarea.span-31 {width:665px;}
input.span-32, textarea.span-32 {width:687px;}
input.span-33, textarea.span-33 {width:709px;}
input.span-34, textarea.span-34 {width:731px;}
input.span-35, textarea.span-35 {width:753px;}
input.span-36, textarea.span-36 {width:775px;}
input.span-37, textarea.span-37 {width:797px;}
input.span-38, textarea.span-38 {width:819px;}
input.span-39, textarea.span-39 {width:841px;}
input.span-40, textarea.span-40 {width:863px;}
input.span-41, textarea.span-41 {width:885px;}
input.span-42, textarea.span-42 {width:907px;}
input.span-43, textarea.span-43 {width:929px;}
input.span-44, textarea.span-44 {width:951px;}
input.span-45, textarea.span-45 {width:973px;}
.append-1 {padding-right:22px;}
.append-2 {padding-right:44px;}
.append-3 {padding-right:66px;}
.append-4 {padding-right:88px;}
.append-5 {padding-right:110px;}
.append-6 {padding-right:132px;}
.append-7 {padding-right:154px;}
.append-8 {padding-right:176px;}
.append-9 {padding-right:198px;}
.append-10 {padding-right:220px;}
.append-11 {padding-right:242px;}
.append-12 {padding-right:264px;}
.append-13 {padding-right:286px;}
.append-14 {padding-right:308px;}
.append-15 {padding-right:330px;}
.append-16 {padding-right:352px;}
.append-17 {padding-right:374px;}
.append-18 {padding-right:396px;}
.append-19 {padding-right:418px;}
.append-20 {padding-right:440px;}
.append-21 {padding-right:462px;}
.append-22 {padding-right:484px;}
.append-23 {padding-right:506px;}
.append-24 {padding-right:528px;}
.append-25 {padding-right:550px;}
.append-26 {padding-right:572px;}
.append-27 {padding-right:594px;}
.append-28 {padding-right:616px;}
.append-29 {padding-right:638px;}
.append-30 {padding-right:660px;}
.append-31 {padding-right:682px;}
.append-32 {padding-right:704px;}
.append-33 {padding-right:726px;}
.append-34 {padding-right:748px;}
.append-35 {padding-right:770px;}
.append-36 {padding-right:792px;}
.append-37 {padding-right:814px;}
.append-38 {padding-right:836px;}
.append-39 {padding-right:858px;}
.append-40 {padding-right:880px;}
.append-41 {padding-right:902px;}
.append-42 {padding-right:924px;}
.append-43 {padding-right:946px;}
.append-44 {padding-right:968px;}
.prepend-1 {padding-left:22px;}
.prepend-2 {padding-left:44px;}
.prepend-3 {padding-left:66px;}
.prepend-4 {padding-left:88px;}
.prepend-5 {padding-left:110px;}
.prepend-6 {padding-left:132px;}
.prepend-7 {padding-left:154px;}
.prepend-8 {padding-left:176px;}
.prepend-9 {padding-left:198px;}
.prepend-10 {padding-left:220px;}
.prepend-11 {padding-left:242px;}
.prepend-12 {padding-left:264px;}
.prepend-13 {padding-left:286px;}
.prepend-14 {padding-left:308px;}
.prepend-15 {padding-left:330px;}
.prepend-16 {padding-left:352px;}
.prepend-17 {padding-left:374px;}
.prepend-18 {padding-left:396px;}
.prepend-19 {padding-left:418px;}
.prepend-20 {padding-left:440px;}
.prepend-21 {padding-left:462px;}
.prepend-22 {padding-left:484px;}
.prepend-23 {padding-left:506px;}
.prepend-24 {padding-left:528px;}
.prepend-25 {padding-left:550px;}
.prepend-26 {padding-left:572px;}
.prepend-27 {padding-left:594px;}
.prepend-28 {padding-left:616px;}
.prepend-29 {padding-left:638px;}
.prepend-30 {padding-left:660px;}
.prepend-31 {padding-left:682px;}
.prepend-32 {padding-left:704px;}
.prepend-33 {padding-left:726px;}
.prepend-34 {padding-left:748px;}
.prepend-35 {padding-left:770px;}
.prepend-36 {padding-left:792px;}
.prepend-37 {padding-left:814px;}
.prepend-38 {padding-left:836px;}
.prepend-39 {padding-left:858px;}
.prepend-40 {padding-left:880px;}
.prepend-41 {padding-left:902px;}
.prepend-42 {padding-left:924px;}
.prepend-43 {padding-left:946px;}
.prepend-44 {padding-left:968px;}
.border {padding-right:1px;margin-right:2px;border-right:1px solid #ddd;}
.colborder {padding-right:13px;margin-right:13px;border-right:1px solid #ddd;}
.pull-1 {margin-left:-22px;}
.pull-2 {margin-left:-44px;}
.pull-3 {margin-left:-66px;}
.pull-4 {margin-left:-88px;}
.pull-5 {margin-left:-110px;}
.pull-6 {margin-left:-132px;}
.pull-7 {margin-left:-154px;}
.pull-8 {margin-left:-176px;}
.pull-9 {margin-left:-198px;}
.pull-10 {margin-left:-220px;}
.pull-11 {margin-left:-242px;}
.pull-12 {margin-left:-264px;}
.pull-13 {margin-left:-286px;}
.pull-14 {margin-left:-308px;}
.pull-15 {margin-left:-330px;}
.pull-16 {margin-left:-352px;}
.pull-17 {margin-left:-374px;}
.pull-18 {margin-left:-396px;}
.pull-19 {margin-left:-418px;}
.pull-20 {margin-left:-440px;}
.pull-21 {margin-left:-462px;}
.pull-22 {margin-left:-484px;}
.pull-23 {margin-left:-506px;}
.pull-24 {margin-left:-528px;}
.pull-25 {margin-left:-550px;}
.pull-26 {margin-left:-572px;}
.pull-27 {margin-left:-594px;}
.pull-28 {margin-left:-616px;}
.pull-29 {margin-left:-638px;}
.pull-30 {margin-left:-660px;}
.pull-31 {margin-left:-682px;}
.pull-32 {margin-left:-704px;}
.pull-33 {margin-left:-726px;}
.pull-34 {margin-left:-748px;}
.pull-35 {margin-left:-770px;}
.pull-36 {margin-left:-792px;}
.pull-37 {margin-left:-814px;}
.pull-38 {margin-left:-836px;}
.pull-39 {margin-left:-858px;}
.pull-40 {margin-left:-880px;}
.pull-41 {margin-left:-902px;}
.pull-42 {margin-left:-924px;}
.pull-43 {margin-left:-946px;}
.pull-44 {margin-left:-968px;}
.pull-45 {margin-left:-990px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26, .pull-27, .pull-28, .pull-29, .pull-30, .pull-31, .pull-32, .pull-33, .pull-34, .pull-35, .pull-36, .pull-37, .pull-38, .pull-39, .pull-40, .pull-41, .pull-42, .pull-43, .pull-44, .pull-45 {float:left;position:relative;}
.push-1 {margin:0 -22px 1.5em 22px;}
.push-2 {margin:0 -44px 1.5em 44px;}
.push-3 {margin:0 -66px 1.5em 66px;}
.push-4 {margin:0 -88px 1.5em 88px;}
.push-5 {margin:0 -110px 1.5em 110px;}
.push-6 {margin:0 -132px 1.5em 132px;}
.push-7 {margin:0 -154px 1.5em 154px;}
.push-8 {margin:0 -176px 1.5em 176px;}
.push-9 {margin:0 -198px 1.5em 198px;}
.push-10 {margin:0 -220px 1.5em 220px;}
.push-11 {margin:0 -242px 1.5em 242px;}
.push-12 {margin:0 -264px 1.5em 264px;}
.push-13 {margin:0 -286px 1.5em 286px;}
.push-14 {margin:0 -308px 1.5em 308px;}
.push-15 {margin:0 -330px 1.5em 330px;}
.push-16 {margin:0 -352px 1.5em 352px;}
.push-17 {margin:0 -374px 1.5em 374px;}
.push-18 {margin:0 -396px 1.5em 396px;}
.push-19 {margin:0 -418px 1.5em 418px;}
.push-20 {margin:0 -440px 1.5em 440px;}
.push-21 {margin:0 -462px 1.5em 462px;}
.push-22 {margin:0 -484px 1.5em 484px;}
.push-23 {margin:0 -506px 1.5em 506px;}
.push-24 {margin:0 -528px 1.5em 528px;}
.push-25 {margin:0 -550px 1.5em 550px;}
.push-26 {margin:0 -572px 1.5em 572px;}
.push-27 {margin:0 -594px 1.5em 594px;}
.push-28 {margin:0 -616px 1.5em 616px;}
.push-29 {margin:0 -638px 1.5em 638px;}
.push-30 {margin:0 -660px 1.5em 660px;}
.push-31 {margin:0 -682px 1.5em 682px;}
.push-32 {margin:0 -704px 1.5em 704px;}
.push-33 {margin:0 -726px 1.5em 726px;}
.push-34 {margin:0 -748px 1.5em 748px;}
.push-35 {margin:0 -770px 1.5em 770px;}
.push-36 {margin:0 -792px 1.5em 792px;}
.push-37 {margin:0 -814px 1.5em 814px;}
.push-38 {margin:0 -836px 1.5em 836px;}
.push-39 {margin:0 -858px 1.5em 858px;}
.push-40 {margin:0 -880px 1.5em 880px;}
.push-41 {margin:0 -902px 1.5em 902px;}
.push-42 {margin:0 -924px 1.5em 924px;}
.push-43 {margin:0 -946px 1.5em 946px;}
.push-44 {margin:0 -968px 1.5em 968px;}
.push-45 {margin:0 -990px 1.5em 990px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26, .push-27, .push-28, .push-29, .push-30, .push-31, .push-32, .push-33, .push-34, .push-35, .push-36, .push-37, .push-38, .push-39, .push-40, .push-41, .push-42, .push-43, .push-44, .push-45 {float:left;position:relative;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
@font-face{
    font-family: 'MuseoSans500';
    font-weight: normal;
    src: url('fonts/museosans_500-webfont.eot') format('eot'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg') format('svg');
}
@font-face{
    font-family: 'MuseoSans500Italic';
    font-weight:normal;
    src: url('fonts/museosans_500_italic-webfont.eot') format('eot'),
         url('fonts/museosans_500_italic-webfont.woff') format('woff'),
         url('fonts/museosans_500_italic-webfont.ttf') format('truetype'),
         url('fonts/museosans_500_italic-webfont.svg') format('svg');
}
@font-face{
    font-family: 'YolaScreen';
    font-weight: normal;
    src: url('fonts/museosans_300-webfont.eot') format('eot'),
         url('fonts/museosans_300-webfont.woff') format('woff'),
         url('fonts/museosans_300-webfont.ttf') format('truetype'),
         url('fonts/museosans_300-webfont.svg') format('svg');
}
@font-face{
    font-family: 'YolaScreen';
    font-weight: bold;
    src: url('fonts/museosans_700-webfont.eot') format('eot'),
         url('fonts/museosans_700-webfont.woff') format('woff'),
         url('fonts/museosans_700-webfont.ttf') format('truetype'),
         url('fonts/museosans_700-webfont.svg') format('svg');
}

/* Note: If you add/remove/change any CSS3 properties, please update
 * the corresponding element(s) in assets/css/ie.css as well (if needed).
 */

html {
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 14px;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

label {
    font-size: 1.2em;
    line-height: 28px;
}

input[type="text"],
input[type="password"],
input.text,
textarea {
    border: solid 1px #bbb;
    font-size: 14px;
    padding: 2px 6px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0 #aaa inset;
       -moz-box-shadow: 0 0 2px 0 #aaa inset;
            box-shadow: 0 0 2px 0 #aaa inset;
}

input[type="text"],
input[type="password"],
input.text {
    height: 28px;
}

select.select {
    height: 28px;
    line-height: 28px;
    width: 313px;
    border-radius: 3px;
    border: 1px solid #AAA;
}

.hidden {
    display: none;
}

.greyed {
    color: #8c8c8c;
}

.smaller {
    font-size: .9em;
}

.button {
    cursor: pointer;
    font: bold 19px/1.5em "Helvetica", "Arial", "sans-serif";
    color: #fff;
    background-color: #333;
    display: inline-block;
    padding: .6em 1em .5em 1em;
    border: 1px solid #000;
    border-top-color: #000;
    text-align: center;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.button.disabled {
    cursor: default;
    color: #aeaeae;
    border: 1px solid #cbcbcb;
    border-top-color: #bfbfbf;
    background: #dadada; 
    background: -moz-linear-gradient(top, #dadada 0%, #cecece 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#cecece)); 
    background: -webkit-linear-gradient(top, #dadada 0%,#cecece 100%); 
    background: -o-linear-gradient(top, #dadada 0%,#cecece 100%); 
    background: -ms-linear-gradient(top, #dadada 0%,#cecece 100%); 
    background: linear-gradient(to bottom, #dadada 0%,#cecece 100%); 
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
}
.button:hover {
    text-decoration: none;
}
.button.red {
    border: 1px solid #c40543;
    border-top-color: #c60b48;
    color: #fff;
    background-image:         linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(231,9,79)), color-stop(0.98, rgb(253,102,155)), color-stop(.99, rgb(254,168,200)));
}
.button.red:hover {
    background-image:         linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image:      -o-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image:    -moz-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image:     -ms-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(195,10,72)), color-stop(0.98, rgb(233,88,136)), color-stop(0.99, rgb(243,161,188)));
}
.button.gold {
    border: 1px solid #E3B900;
    color: #534300;
    background-image:         linear-gradient(bottom, rgb(255,237,161) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(253,206,0) 100%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,237,161)), color-stop(46%,rgb(254,225,100)), color-stop(56%,rgb(253,212,0)), color-stop(100%,rgb(253,206,0)));
    background-image:      -o-linear-gradient(top, rgb(255,237,161) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(253,206,0) 100%);
    background-image:     -ms-linear-gradient(top, rgb(255,237,161) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(253,206,0) 100%);
    background-image:    -moz-linear-gradient(top, rgb(255,237,161) 0%, rgb(254,225,100) 46%, rgb(253,212,0) 56%, rgb(253,206,0) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255,237,161) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(253,206,0) 100%);
}
.button.gold:hover {
    background-image:         linear-gradient(bottom,  rgb(255,230,130) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(249,195,0) 100%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,230,130)), color-stop(46%,rgb(254,225,100)), color-stop(56%,rgb(253,212,0)), color-stop(100%,rgb(249,195,0)));
    background-image:      -o-linear-gradient(top,  rgb(255,230,130) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(249,195,0) 100%);
    background-image:     -ms-linear-gradient(top,  rgb(255,230,130) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(249,195,0) 100%);
    background-image:    -moz-linear-gradient(top,  rgb(255,230,130) 0%, rgb(254,225,100) 46%, rgb(253,212,0) 56%, rgb(249,195,0) 100%);
    background-image: -webkit-linear-gradient(top,  rgb(255,230,130) 0%,rgb(254,225,100) 46%,rgb(253,212,0) 56%,rgb(249,195,0) 100%);
}
.button.grey {
    border: 1px solid #696969;
    border-top-color: #6d6d6d;
    color: #797979;
    background-image:         linear-gradient(bottom, rgb(206,206,206) 0%, rgb(253,253,253) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(206,206,206) 0%, rgb(253,253,253) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(206,206,206) 0%, rgb(253,253,253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(206,206,206) 0%, rgb(253,253,253) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(206,206,206) 0%, rgb(253,253,253) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(206,206,206)), color-stop(1, rgb(253,253,253)));
}
.button.grey:hover {
    background-image:         linear-gradient(bottom, rgb(186,186,186) 0%, rgb(233,233,233) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(233,233,233) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(233,233,233) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(233,233,233) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(233,233,233) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(186,186,186)), color-stop(1, rgb(233,233,233)));
}
.button.blue {
    border: 1px solid #1d6da1;
    border-top-color: #2587bf;
    color: #fff;
    background-image:         linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(34,128,187)), color-stop(0.97, rgb(53,171,210)), color-stop(.98, rgb(154,215,233)));
}
.button.blue:hover {
    background-image:         linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image:      -o-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image:    -moz-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image:     -ms-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(21,79,108)), color-stop(0.98, rgb(31,115,157)), color-stop(0.99, rgb(144,187,207)));
}

header {
    background: transparent url('images/background-header.gif') repeat-x 0 100%;
}
header>.container {
    padding-top: 10px;
}
header h1 {
    margin-bottom: 20px;
}
header .logo {
    display: block;
    height: 68px;
    width: 101px;
    text-indent: -5120px;
    background: transparent url('images/appnet-logo.png') no-repeat 0 0;
    float: left;
    margin-bottom: 1em;
}
header .slogan {
    font-family: "MuseoSans500", "Arial", "Helvetica", "sans-serif";
    font-weight: normal;
    position: relative;
    top: 24px;
    left: 15px;
}
header nav .pages li {
    float: left;
    margin-right: 2px;
}
header nav .actions li {
    float: right;
    margin-left: 2px;
}
header nav .actions .login {
    position: relative;
    z-index: 11;
}
header nav .actions .login .login-form {
    display: none;
    font: 14px/16px "MuseoSans500", "Arial", "Helvetica", sans-serif;
    position: absolute;
    z-index: 15;
    padding: 20px;
    right: 0;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px 0px 4px 4px;
       -moz-border-radius: 4px 0px 4px 4px;
            border-radius: 4px 0px 4px 4px;
    background-color: rgb(240, 240, 240);
    background-image:         linear-gradient(bottom, rgb(192, 192, 192) 0%, rgb(240, 240, 240) 99%);
    background-image:      -o-linear-gradient(bottom, rgb(192, 192, 192) 0%, rgb(240, 240, 240) 99%);
    background-image:    -moz-linear-gradient(bottom, rgb(192, 192, 192) 0%, rgb(240, 240, 240) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(192, 192, 192) 0%, rgb(240, 240, 240) 99%);
    background-image:     -ms-linear-gradient(bottom, rgb(192, 192, 192) 0%, rgb(240, 240, 240) 99%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(192, 192, 192)), color-stop(0.99, rgb(240, 240, 240)));
}
header nav .actions .login .login-form .remember {
    width: 125px;
}
header nav .actions .login .login-form .forgot-password {
    font-size: 12px;
    line-height: 30px;
}
header nav .actions .login .login-form .submit .button {
    -webkit-border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
}
header nav .button {
    font: bold 13px/16px "Helvetica", "Arial", "sans-serif";
    text-shadow: 1px 1px 4px #237797;
    padding: 10px 20px 8px 20px;
    -webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}
header nav .active .button {
    background: #fff;
    border-color: #1d6b98;
    text-shadow: none;
    color: #004d73;
    border-bottom: 1px solid #fff;
}
header nav .active .button:hover {
    background: #fff;
}
header nav .home .button {
    padding-left: 12px;
    padding-right: 12px;
}
header nav .home .button span {
    background-image: url('images/home-16x32.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 16px;
    width: 16px;
    margin: 0;
    text-indent: -5120px;
}
header nav .active.home .button span {
    background-position: 0 -16px;
}
header nav .actions .login.form-active>.button {
    border-color: #aaa;
    border-bottom: none;
    background: rgb(240, 240, 240);
    text-shadow: none;
    color: #1D6DA1;
}
header .info-box {
    text-align: right;
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
}
header #languages {
    position: relative;
    margin: 0 0 10px 200px;
}
header #languages:hover {
    margin: -6px  -50px -160px 200px;
    padding: 6px 50px 170px 0;
}
header #current-language {
    color: rgb(51, 102, 153);
    background: url('images/drop-down.png') no-repeat 100% 50%;
    padding-right: 12px;
}
header #languages:hover #current-language {
    text-decoration: underline;
    cursor: pointer;
}
header #language-selector {
    position: absolute;
    z-index: 20;
    display: none;
    right: 25px;
    top: 24px;
    width: 125px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0px 2px 3px 0px #333;
       -moz-box-shadow: 0px 2px 3px 0px #333;
            box-shadow: 2px 2px 10px -3px #333;
}
header #languages:hover #language-selector {
    display: block;
}
header #language-selector li a {
    padding: 4px 8px;
    color: rgb(51, 102, 153);
    display: block;
}
header #language-selector li a:hover {
    background-color: #f3f3f3;
}
header #language-selector li.selected a {
    color: #333;
    font-weight: bold;
}
header #language-selector li.selected a:hover {
    background: none;
    text-decoration: none;
}
header .contact {
    color: #7F7F7F;
    font-size: 14px;
    font-family: "MuseoSans500", "Arial", "Helvetica", "sans-serif";
}
header .contact a {
    color: #000;
}

#page-content {
    border-top: 11px solid #fff;
}

footer {
    padding-top: 32px;
}
footer h1 {
    text-indent: -10240px;
    height: 0px;
}
footer li {
    font-size: 12px;
}
footer .nav {
    border-right: 1px dotted #999;
    margin-bottom: 20px;
}
footer .nav h2 {
    margin-bottom: 6px;
}
footer .nav a {
    color: #666;
    text-decoration: none;
}
footer .nav a:hover {
    text-decoration: underline;
}
footer .nav li {
    line-height: 1.5em;
    margin-bottom: 5px;
}
footer .social a {
    text-decoration: none;
    color: inherit;
    padding-left: 50px;
    display: block;
    line-height: 1.5em;
    color: #666;
}
footer .social .service {
    font-weight: bold;
    display: block;
    color: #000;
}
footer .social li a:hover .service {
    text-decoration: underline;
}
footer .social li {
    background: transparent url('images/social-42x41.png?') no-repeat 0 0;
    height: 41px;
    margin-bottom: 15px;
}
footer .social .rss {
    background-position: 0 0;
}
footer .social .twitter {
    background-position: 0 -41px;
}
footer .social .facebook {
    background-position: 0 -82px;
}
footer .social .youtube {
    background-position: 0 -123px;
}
footer .social .google {
    background-position: 0 -164px;
    height: 48px;
}
footer .copyright {
    padding: 16px 0;
    font-size: 11px;
    line-height: 1.25em;
    color: #9f9f9f;
    border-top: 1px dotted #ccc;
}
footer .copyright a {
    color: #E7004A;
    margin: 0 6px;
}

.intro {
    background: #069 url('images/background-intro.gif') repeat-x;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}
.intro a {
    color: #B7DDFC;
}
.intro .background {
    background: url('images/background-intro.jpg') no-repeat 50% 0;
    padding: 25px 0;
    min-width: 985px;
}
.intro .main {
    font-size: 34px;
    line-height: 40px;
    font-weight: normal;
    text-shadow: 1px 1px 4px #333;
}

.interior-page {
    margin: 30px auto;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(230, 235, 237);
    overflow: hidden;
    height: 100%;
    -webkit-border-radius: 0px 8px 8px 8px;
       -moz-border-radius: 0px 8px 8px 8px;
            border-radius: 0px 8px 8px 8px;
}
.interior-page-content.full {
    float: none;
    height: normal;
    width: 985px;
    background: #fff url('background-interior-page-full.jpg') no-repeat 0 0;
    margin: 30px auto;
    padding: 0;
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.interior-page-list {
    width: 256px;
    float: left;
    padding-bottom: 10240px;
    margin-bottom: -10200px;
}
.interior-page-list li {
    position: relative;
    border-bottom: 1px solid rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    background-image:         linear-gradient(bottom, rgb(227,227,227) 0%, rgb(255,255,255) 99%);
    background-image:      -o-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(255,255,255) 99%);
    background-image:    -moz-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(255,255,255) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(255,255,255) 99%);
    background-image:     -ms-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(255,255,255) 99%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(227,227,227)), color-stop(0.99, rgb(255,255,255)));
}
.interior-page-list li.active a,
.interior-page-list li:hover a {
    color: #fff;
}
.interior-page-list li.active,
.interior-page-list li:hover {
    border-bottom: 1px solid transparent;
    background: transparent url('images/page-list-arrow.png') 270px;
}
.interior-page-list li a {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #555;
}
.interior-page-list li a:hover {
    text-decoration: none;
}
.interior-page-list li a span {
    padding: 19px 15px;
    display: block;
}

.interior-page-content {
    float: left;
    width: 640px;
    border-left: 1px solid rgb(204, 204, 204);
    padding: 44px 44px 44px 43px;
    padding-bottom: 10240px;
    margin-bottom: -10200px;
    background: #fff url('images/background-interior-page.jpg') no-repeat;
    font: normal 14px/18px "Arial", "Helvetica", "sans-serif";
}

.breadcrumbs {
    display: block;
    float: left;
}
.category::before {
    content: " >> ";
    white-space: pre;
}
.tutorial-breadcrumbs {
    width: 100%;
    overflow: hidden;
}

.interior-page-content h1 {
    font: 30px/32px "MuseoSans500", Arial, Helvetica, sans-serif;
    margin-bottom: .5em;
}
.interior-page-content h2 {
    font-size: 18px;
    line-height: 21px;
}
.interior-page-content a {
    color: #296A9F;
    text-decoration: none;
}
.interior-page-content a:hover {
    text-decoration: underline;
}
.interior-page-content li,
.interior-page-content p {
    color: #444;
    margin-bottom: 1em;
}
#help form#contact .errorlist li {
    color: #CC0000;
}
.interior-page-content .button:hover {
    text-decoration: none;
}
.interior-page-content .blurb p {
    font-size: 18px;
    line-height: 24px;
}
.interior-page-content .blurb .button {
    font-size: 22px;
    min-width: 200px;
}
.interior-page-content .breakdown {
    margin-top: 1em;
}
.interior-page-content .breakdown li {
    margin-bottom: 1.5em;
}
.interior-page-content .breakdown .group-one {
    float: left;
    width: 300px;
}
.interior-page-content .breakdown .group-two {
    margin-left: 340px;
}
.interior-page-content .breakdown .group-two:after {
    display: block;
    clear: both;
    content: '';
}
